<template>
  <el-container>
    <el-header  class="indexHeader">
      <IndexHeader/>
    </el-header>
    <el-main class="indexMain" >
      <router-view/>
    </el-main >
    <el-footer class="indexFooter">
      <IndexFooter/>
    </el-footer>
  </el-container>
</template>

<script>
// @ is an alias to /src

import Community from "@/views/community/CommunityView";
import IndexHeader from "@/components/IndexHeader";
import IndexFooter from "@/components/IndexFooter";

export default {
  name: 'HomeView',
  components: {
    IndexFooter,
    IndexHeader,
    Community,
  },
  data:function (){
    return{
      isLogin:'',
    }
  },
  created:function () {
    if(window.location.href.indexOf('login')==-1){
      this.isLogin=-1;
    }
  },
}
</script>
<style scoped>
.indexHeader{
  height: 160px;position: absolute;top: 0;left: 0;right: 0;
}
.indexMain{
 margin: 0 auto;position: relative;top: 160px;bottom: 300px;left: 0;right: 0;min-height: 100vh;
  margin-bottom: 160px;
}
.indexFooter{
 position: relative;bottom: 0;left: 0;right: 0;height: 300px!important;
}
</style>
